.film-list .col-sm {
    margin-top: 20px;
}

.film-list .col-sm .card {
    width: 100% !important;
}

.film-list .col-sm a {
    width: 100%;
    display: block;
    text-align: center;
}

footer {
    height: 80px;
    margin-top: 20px;
}

.card-img {
    height: 340px;
    width: 100%;
    overflow: hidden;
}
.mt-20 {
    margin-top: 20px;
}
.card-title {
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.pagegination-list {
    padding: 30px 0px 10px 0px;
    text-align: center;
}
.pagegination-list nav {
    display: inline-block;
}

.down-button a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
